.login .login-page {width:860px;margin:0 auto;}
.login .side-column {float:left;width:172px;}
.login .main-column {float:right;width:658px;}

.login .side-column .errors_div {padding:0;margin:0;background:none;border:0;font-weight:bold;text-align:left;color:red;}

.welcome {padding: 20px 30px 15px;border-top: 1px solid #ccc;}
.welcome p {margin-top: 15px;}
.welcome dt {font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.welcome dd {background: url(img/style_square.gif) no-repeat 5px 50%;text-indent: 1.5em;line-height: 1.5em;}
.welcome .sign-up {float: right;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #f7f7f7;text-align: center;padding: 12px 0;width: 240px;text-decoration: none;}
.welcome .sign-up strong {font-size: 16px;color: #000;display: block;}
.welcome .sign-up em {color: #808080;display:block;margin: 0.5em;}
.welcome .sign-up a {background: url(imgpro/reg/now.gif) no-repeat;display: block;width: 86px;height: 25px;margin: 0 auto;cursor: hand;text-indent: -999em;outline:0;}
.welcome .open-search label {font-size:14px;color:#333;float:left;margin-top:2px;}

.welcome .open-search {padding-top:15px;}
.welcome .open-search .search-input {float:left;}
.welcome .open-search .search-submit {float:left;width:21px;}
.welcome .open-search .search-input #friendname {background:url(imgpro/theme/xn/search_shadow.gif) no-repeat;border-color:#657fac;border-right:0px;float:left;margin:0px;width:120px;}
.welcome .open-search .search-submit a {background:#6d84b4 url(imgpro/theme/xn/search_input_gloss.gif) top center repeat-x;border:1px solid #657fac;display:block;font-size:11px;margin:0px;padding:0px;text-decoration:none;width:19px;}
.welcome .open-search .search-submit a span {background:url(imgpro/theme/xn/search_glass.gif) 0% 70% no-repeat;display:block;margin:0px;padding:3px 0px;}
.welcome .open-search .search-submit a:active {background:#5b75ab;border:1px solid #3b5998;border:1px solid #315091;}
.welcome .open-search .search-submit a:active span {background:url(imgpro/theme/xn/search_glass.gif) 100% 70% no-repeat;}
.welcome .open-search .description {padding:1px 0 0 6px;float:left;}
.welcome .open-search .description .find-friends {padding-right:10px;font-size:14px;background:url(imgpro/arrow/right_blue.gif) no-repeat right center;}

.welcome .updates {border-top:1px solid #CCC;margin-top:15px;}
.welcome .updates p {margin:10px 0}
.welcome .updates p strong {color:#666;}
.welcome .updates p span {float:right;}
.welcome .updates dl dt {font-size:12px;color:#666;font-weight:normal;width:60px;float:left;margin:0;line-height:1.6em;}
.welcome .updates dl dd {background:none;width:520px;float:left;text-indent:0;line-height:1.6em;}

/* Login Panel */

.login-panel {border:1px solid #b7b7b7;}
.login-panel .inner {border:1px solid #f7f7f7;padding:10px 10px 0;background:#f0f0f0;}
.login-panel h3 {display:none;}

.login-form p { margin:10px 0; line-height:20px;}
.login-form p.top {margin:0;padding:0;}
.login-form label { display:block; color:#808080; font-weight:bold; line-height:20px;}
.login-form .labelCheckbox { font-weight:normal; color:#333;}
.login-form .labelCheckbox input { margin-right:5px;}
.login-form .input-text { width:140px;}

.extra-guide .portal { position:relative; display:block; margin:10px 2px 10px 0; padding:5px 0 5px 18px; border:1px solid #ccc; border-width:1px 0; background:#f7f7f7 url(img/style_triangle.gif) 8px 10px no-repeat; color:#666;}
.extra-guide .portal:hover { border-color:#3B5888; background-color:#d8dfea; color:#333; text-decoration:none;}
.extra-guide .portal strong { display:block; color:#333;}
.extra-guide .portal:hover strong { color:#000;}


/* First - reg */

.login .reg-holder {padding:40px 0px 10px 50px;border:1px solid #ccc;border-bottom:1px solid #3b5888;position:relative;}
.login .reg-holder p.description {margin:10px 0;}
.login .search-friends {margin:0 48px 10px 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
.login .search-friends .go {float:left;padding-right:10px;background:url(imgpro/arrow/right_blue.gif) no-repeat right center;}
.login .search-friends .go .find-friends{display:block;background:url(imgpro/icons/findfriend.gif) no-repeat left center;padding:2px 0 2px 20px;font-weight:bold;}
.login .search-friends .search-form {float:right;}

/* Full login page */
.full-login {float:left;width:360px;padding-top:8px;}
.full-login .login-panel .inner {padding:15px 20px;}
.full-login .login-panel h2 {margin-bottom:15px;}
.full-login .login-panel label {color:#333;font-weight:normal;}
.full-login .login-panel p {margin:10px 0;}
.full-login .login-panel p.clearfix label {font-size:14px;width:85px;float:left;text-align:right;margin-top:3px;}
.full-login .login-panel p .input-text {width:220px;font-size:14px;}
.full-login .login-panel p.right {margin-left:85px;}
.full-login .login-panel .separator {height:0px;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #fff;margin:18px 0 15px;}
.full-login .login-panel p.no-account {font-size:14px;text-align:center;}
.full-login .login-panel p.no-account a {width:86px;height: 25px;margin:10px auto 0;outline:0;}

.xn-show {float:right;background:url(imgpro/login/show.jpg) no-repeat;padding-top:175px;width:475px;}
.xn-show dt {font-size: 16px;margin-bottom: 10px;}
.xn-show dd {text-indent: 3em;line-height: 2em;}
.full-login .messages_div {line-height:45px;padding:0;margin:0;border:0;height:60px;background:url(imgpro/login/message.gif) no-repeat;margin-top:-8px;font-size:12px;}
.full-login .errors_div {line-height:3em;padding:0;margin:0;border:0;height:60px;background:url(imgpro/login/error.gif) no-repeat;font-size:14px;margin-top:-8px;}

.gangting {width:960px;margin:0 auto;position:relative;top:-30px;}